<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>境内货源地</title>
<base href="<%=basePath%>">
<script type="text/javascript"
	src="plugins/websocketInstantMsg/ext4/ext-all-debug.js"></script>
<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
<script type="text/javascript"
	src="plugins/websocketInstantMsg/ext4/locale/ext-lang-zh_CN.js"></script>
<link rel="stylesheet"
	href="plugins/websocketInstantMsg/ext4/resources/css/ext-all.css" />
</head>

<body>
<div id="div1" style="height:50px"></div>
<div id="aa"></div>
</body>
<script type="text/javascript">
Ext.onReady(function () {
	Ext.QuickTips.init();
    var store = Ext.create('Ext.data.Store', {
        fields:  ["ID","SPELL_CODE","SRC_PLACE_CODE","SRC_PLACE_NAME","ENABLE",],
        pageSize: 10,  //页容量5条数据
        //是否在服务端排序 （true的话，在客户端就不能排序）
        remoteSort: false,
        remoteFilter: true,
        proxy: {
            type: 'ajax',
            url: '<%=basePath%>domesticGoods/list',
            reader: {   //这里的reader为数据存储组织的地方，下面的配置是为json格式的数据，例如：[{"total":50,"rows":[{"a":"3","b":"4"}]}]
                type: 'json', //返回数据类型为json格式
                root: 'rows',  //数据
                totalProperty: 'total' //数据总条数
            }
        },
        sorters: [{
			property: 'ordeId',
			direction: 'desc'
		}],
        autoLoad: true  //即时加载数据
    });
    
   
//新建的列表
    var grid = Ext.create('Ext.grid.Panel', {
    renderTo: "aa",
    id:'grid',
    store: store,
    height: 400,
    width:"100%",
    
    selModel:Ext.create('Ext.selection.CheckboxModel',{mode:"SIMPLE"}),
    //selModel: { selType: 'checkboxmodel' },   //选择框
    columns: [                    
                  { text: 'ID', dataIndex: 'ID',  maxWidth: 700 ,hidden:true, },
                  { text: '货源地代码', dataIndex: 'SRC_PLACE_CODE',  maxWidth: 140,},
                  { text: '货源地名称', dataIndex: 'SRC_PLACE_NAME', align: 'left', minWidth: 180, },
                  { text: '是否可用', dataIndex: 'ENABLE', maxWidth: 120, align: 'left', }, 
                  { text: '检索码', dataIndex: 'SPELL_CODE', maxWidth: 150, align: 'left',  }, 
                                   
               ],
    bbar: [{
        xtype: 'pagingtoolbar',
        store: store,
        displayMsg: '显示 {0} - {1} 条，共计 {2} 条',
        emptyMsg: "没有数据",
        beforePageText: "当前页",
        afterPageText: "共{0}页",
        displayInfo: true                 
    }],
  
    tbar:[
          {text:'新增',iconCls:'a_add',handler:showAlert},"-",
          {text:'编辑',iconCls:'a_edit2',handler:showAler},"-",
          {text:'删除',iconCls:'a_edit2',handler:showAle},"-",
          ], 
     
});

    //是否可用下拉
	var enable = Ext.create('Ext.data.Store', {
		fields: ['id', 'name'],
		data : [
            {"id":"", "name":"选择是否可用"},
			{"id":"1", "name":"是"},
			{"id":"0", "name":"否"},
			
		]
	});
    //新增   
    function showAlert (){
    win.show();
    }
//修改
function showAler (){
	 var records = grid.getSelectionModel().getSelection();//获取选中一行的值
   	 if(records.length==0){
     			Ext.Msg.alert("提示","请选择需要编辑的记录");return;
     		}
     		if(records.length>1){
     			Ext.Msg.alert("提示","只能编辑一条记录");return;
     		}    		
     		var ID = records[0].data.ID;
            Ext.getCmp("ID").setValue(ID);
     		
			var SPELL_CODE = records[0].data.SPELL_CODE;
     		Ext.getCmp("SPELL_CODE").setValue(SPELL_CODE);
     		
     		var ENABLE = records[0].data.ENABLE;
     		Ext.getCmp("ENABLE").setValue(ENABLE);
     		
     		var SRC_PLACE_CODE = records[0].data.SRC_PLACE_CODE;
     		Ext.getCmp("SRC_PLACE_CODE").setValue(SRC_PLACE_CODE);
     		
     		var SRC_PLACE_NAME = records[0].data.SRC_PLACE_NAME;
     		Ext.getCmp("SRC_PLACE_NAME").setValue(SRC_PLACE_NAME);
	       win.show();
	}
	//删除
	function  showAle(){
		var records = grid.getSelectionModel().getSelection();
 		if(records.length==0){
 			Ext.Msg.alert("提示","请选中需要删除的记录");return;
 			}
 			var arr = [];
 			Ext.each(records,function(item){
 				obj = {
 						ID:item.data.ID
 						
 				};
 				arr.push(obj);
 				
 			});
 			var array = JSON.stringify(arr);
 			Ext.Ajax.request({
 						url:  '<%=basePath%>domesticGoods/dele',
						params:{
							array:array		
						},
						timeout:5000,
						success:function(response){
							 Ext.MessageBox.alert("删除","删除成功");
								var store = Ext.getCmp('grid').getStore();
							 store.reload();
						},
						
					});
 	}
	
	//保存按钮
	var save = new Ext.Button({
     	text: '保存',
     	 handler: function(){
     		add.getForm().isValid();  //form表单判断
     		//var ID = Ext.getCmp('ID').getValue();
     		//alert(ID)
                     var form = Ext.getCmp('add').getForm();
                    if (form.isValid()) {			
	                        form.submit({
		             url: '<%=basePath%>domesticGoods/save',
		                   params : {
		                	   //ID : ID ,
		                   },
	                            success: function(form, action) {
	                               Ext.Msg.alert('提示信息',"成功");
	                             win.close();
		                        store.load();
	                            },
	                            
	                        });
}else{
	Ext.Msg.alert('提示信息', "保存失败，不能为空");
}
			}

		});
	//重置按钮
		var reset = new Ext.Button({
			text : '重置',
			listeners : {
				'click' : function() {
					Ext.getCmp('add').form.reset();
				
				}
			}
		}

		);
	//取消按钮
		var cancel = new Ext.Button({
			text : '取消',
			listeners : {
				'click' : function() {
					win.close();
				}
			}
		}

		);
	  
	//新增一个form表单
		var add = Ext.create("Ext.form.Panel", {
             id:'add',
			frame : true,
			width : 400,
			height : 290,

			defaults : {
				anchor : '100%',
				labelWidth : 50,
				labelAlign : "right"
			},
			items : [ {
				id : 'ID',
				hidden : true,
				hideLabel : true,
				xtype : 'textfield',
				fieldLabel : 'ID',
				name : 'ID'
			},  {
				id : 'SRC_PLACE_CODE',
				fieldLabel : '货源地代码',
				name : 'SRC_PLACE_CODE',
				xtype : 'textfield',
				emptyText:'请输入货源地代码',
				allowBlank: false
			}, 
			{
				id : 'SRC_PLACE_NAME',
				fieldLabel : '货源地名称',
				name : 'SRC_PLACE_NAME',
				xtype : 'textfield',
				emptyText:'请输入货源地名称',
				allowBlank: false
			},
			{
				id : 'SPELL_CODE',
				fieldLabel : '检索码',
				name : 'SPELL_CODE',
				xtype : 'textfield',
				emptyText:'请输入检索码',
				allowBlank: false
			},
		
			{
				id : 'ENABLE',
				fieldLabel : '是否可用',
				name : 'ENABLE',
				xtype : 'combobox',
				emptyText:'请选择',
				store : enable,
				valueField: 'id',
				displayField:'name',
				editable: false,
				allowBlank: false
			}
			
			],
			
		});
        //新建一个窗口，把form表单放进去
		var win = Ext.create("Ext.window.Window", {
			title : '新增',
			width : 420,
			height : 280,  
			resizable : true,
			modal : true,
			closable : true,
			maximizable : true,
			minimizable : true,
			closeAction :'hide',
			buttons : [ save, reset, cancel ],
			
			items : [ add ],
		});
           
        //新建查询列表
		var c1 = Ext.create('Ext.container.Container', {
			layout : 'column',			
			defaults : {
				labelAlign : 'left',
				labelWidth : 60
			},
			items : [					
					{
						xtype : 'textfield',
						name : 'SRC_PLACE_CODE',
						id : 'b',
						columnWidth : 1 / 5,
						padding : '5px',
						fieldLabel : '货源地代码'
						,emptyText:'请输入货源地代码',
					},
					{
						xtype : 'textfield',
						name : 'SRC_PLACE_NAME',
						id : 'c',
						columnWidth : 1 / 5,
						padding : '5px',
						fieldLabel : '货源地名称'
						,emptyText:'请输入货源地名称',
					},
			
					{
						xtype : "button",
						padding : '5px',
						text : '查询',
						handler : function() {
					var SRC_PLACE_CODE = Ext.getCmp('b').getValue();//货源地代码						
					var SRC_PLACE_NAME = Ext.getCmp('c').getValue();//货源地名称
					var store = Ext.getCmp('grid').getStore();
					store.on('beforeload', function(store, options) {
						var new_params = {
								SRC_PLACE_CODE : SRC_PLACE_CODE, //货源地代码
								SRC_PLACE_NAME : SRC_PLACE_NAME,//货源地名称
 								
						};
						Ext.apply(store.proxy.extraParams, new_params);
					});
					store.load();
				}
			},{
				xtype : "button",
				padding : '6px',
				text : '清空信息',
				listeners : {
					'click' : function() {
						
						Ext.getCmp('re').form.reset();
					
					}
				}
				
			}
            ]

		});
           //把查询的列表放进form中
		var form = Ext.create('Ext.form.Panel', {
			renderTo : 'div1',
			frame : true,
			id:'re',
			items : [ c1 ],

 		});

	});



</script>
</html>